<div class="detail-main-data_daily24">
    <h4><em> </em>你的自选</h4>
    {% if rise_max %}
    <h5>涨幅最大</h5>
    <ul class="detail-main-data_daily24__token_list">
        <li data-coin="{{rise_max.token_id}}">
            <p>{{rise_max.symbol}}</p>
            <span class="rise" >+{{rise_max.change_pct_24h}}</span>
        </li>
    </ul>
    {% endif %}

    {% if fall_max %}
    <h5>跌幅最大</h5>
    <ul class="detail-main-data_daily24__token_list">
        <li data-coin="{{fall_max.token_id}}">
            <p>{{fall_max.symbol}}</p>
            <span class="fail" >{{fall_max.change_pct_24h}}</span>
        </li>
    </ul>
    {% endif %}


    <h4><em> </em>市场总览</h4>
    <p>加密货币市场总市值：${{market_data.number}}亿；</p>
    <p>24h总市值变动幅度：<span class="{% if market_data.ups_and_downs > 0 %}rise{% else %}fail{% endif %}">{{market_data.ups_and_downs}}</span></p>
    <div class="detail-main-echart" data-id="echart1" data-type="bar"></div>
    <textarea class="detail-main-echart__json" data-id="echartJSON1">{{market_list}}</textarea>
    <!--<p>24h总成交额：${{volume_data.number}}亿；</p>-->
    <!--<p>24h成交额变动幅度：<span class="{% if volume_data.ups_and_downs > 0 %}rise{% else %}fail{% endif %}">{{volume_data.ups_and_downs}}</span></p>-->
    <!--<div class="detail-main-echart" data-id="echart2" data-type="bar"></div>-->
    <!--<textarea class="detail-main-echart__json" data-id="echartJSON2">{{volume_list}}</textarea>-->

    <h4><em></em>市场热门资讯</h4>
    <ul class="detail-main-data_daily24__article_list">
        {%for key,vo in article_list %}
        <li>
            <i>{{key+1}}</i>
            <a href="{{vo.h5_url}}"
            >{{vo.title}}</a
            >
        </li>
        {% endfor %}
    </ul>

    <h4><em> </em>市值TOP 200 币种</h4>

    <h5>排名异动</h5>
    <ul class="detail-main-data_daily24__token_list">
        {%for key,vo in rank_top_list %}
            <li data-coin="{{vo.token_id}}">
                <i>{{key+1}}</i>
                <p>{{vo.symbol}}</p>
                <em class="{% if vo.is_rise %}rise{% else %}fail{% endif %}">{{vo.txt}}</em>
                <strong>{{vo.ranking}}名</strong>
            </li>
        {% endfor %}
    </ul>
    <h5>成交额排行榜 (24h)</h5>
    <ul class="detail-main-data_daily24__token_list">
        {%for key,vo in rank_24h_volume_list %}
            <li data-coin="{{vo.token_id}}">
                <i>{{key+1}}</i>
                <p>{{vo.symbol}}</p>
                <strong>${{vo.volume_usd}}</strong>
            </li>
        {% endfor %}
    </ul>

    <h5>涨幅榜</h5>
    <ul class="detail-main-data_daily24__token_list">
        {%for key,vo in rise_top3_list %}
            <li data-coin="{{vo.token_id}}">
                <i>{{key+1}}</i>
                <p>{{vo.symbol}}</p>
                <span class="rise" >+{{vo.pct}}%</span>
            </li>
        {% endfor %}
    </ul>

    <h5>跌幅榜</h5>
    <ul class="detail-main-data_daily24__token_list">
        {%for key,vo in fall_top3_list %}
            <li data-coin="{{vo.token_id}}">
                <i>{{key+1}}</i>
                <p>{{vo.symbol}}</p>
                <span  class="fail" >{{vo.pct}}%</span>
            </li>
        {% endfor %}
    </ul>

</div>